@charset "utf-8";
/* css document */
body { font-family: arial, helvetica, sans-serif; margin:0; padding:0; font-size:12px; background:url(../images/body_bg.jpg) repeat;}
div{overflow:hidden;}
img{ border:none;}
a{ text-decoration:none; color:#000; font-size:12px; font-family:arial, helvetica, sans-serif;}
a:hover{ text-decoration:none; color:#f00;}
ul,li{ margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
h2,h3,h4,input,p,table{margin:0;padding:0}
/*use more class*/
.m_t5{ margin-top:5px;}
.m_l5{ margin-left:5px;}
.m_b5{ margin-bottom:5px;}
/**/
.right_wrap{ width:757px; float:left; margin-left:5px;}
.left_wrap{width:215px; float:left;}
.mid_wrap{ width:982px; margin:0 auto; background-color:#fff;}
#wrap977{ width:977px; margin:0 auto;}
/*head*/
.head_wrap{ background: #ffffff; width:982px; margin:0 auto}
.head_wrap1{ width:982px; margin:0 auto;}
.head{width:982px;  float:left;}
.head img{ float:right; margin-top:15px;}
.ml15{ margin-left:15px;}

#top {background: url(../images/topbg.jpg) no-repeat left top; overflow: hidden; width: 100%; height: 90px	}
#top .logo {
	overflow: hidden; width: 488px
}
#top .othlan {
	padding-right:10px; overflow: hidden; width: 450px; color: #a6a6a6; padding-top: 10px; text-align: right
}
#top .othlan span {
	padding-right: 5px; padding-left: 5px; padding-bottom: 0px; padding-top: 0px
}
#top .othlan span a {
	color: #666; margin-left:5px;
}
#top .othlan span a:hover {
	color: #ff0000
}
#top .othlan span.home {
	padding-left: 12px; background: url(../images/home.jpg) no-repeat left 2px
}
#top .othlan span.favorite {
	padding-left: 14px; background: url(../images/bookmark.jpg) no-repeat left 3px
}
#top .othlan .telphone{ margin-top:10px;}
.floatl {
	float: left
}
.floatr {
	float: right
}
.clear {
	clear: both
}
/*nav*/
.nav{ width:982px;height:41px; background:url(../images/menu.jpg)}
.nav li{ width:120px; text-align:center; float:left; height:41px;}
.nav li a{ color:#FFF; line-height:41px; text-align:center; font-size:14px; font-weight:bold;}
.nav li a:hover{ display:block;color:#fffc00;}
#nav_line{ background: url(../images/line.jpg) no-repeat; width:2px; height:35px; float:left; }

.current{ background: url(../images/menunow.jpg)}
/*notice*/
.notice{ height:36px; width:982px; float:left; margin-bottom:2px; background:url(../images/sousuo.jpg)}
.notice li{ color:#8f8f8f;line-height:36px; float:left;}
.notice li b{ background:url(../images/hot.jpg) center left no-repeat; line-height:36px; color:#cc0000; float:left; text-indent:2em;}
.notice span{ float:left; padding-left:15px;}
.flash{ width:977px; height:258px; margin-top:1px; float:left;}
/*left  list*/
.list{ width:213px; border:#cecece 1px solid; float:left; padding-bottom:4px;}
.list ul{ background:url(../images/title_bg.jpg) repeat-x; width:230px; height:43px}
.list ul li{ background:url(../images/lefticon.jpg) center left no-repeat; float:left; line-height:31px; text-indent:1.2em; margin-left:5px;font-size:14px; font-weight:bold; color:#b40001;}
.list h3{text-align:center} 
.list li a{ background: url(../images/sub_nav.jpg) no-repeat left; width:208px; height:28px; line-height:28px; color:#000000; text-indent:2.3em; float:left; font-size:13px; }
.list li a:hover{color: #ff0000}
#list{ background:url(../images/sub_nav2.jpg) no-repeat; width:208px; height:28px;line-height:28px; color:#3e4a56; text-indent:3.5em; float:left; font-size:14px; font-weight:bold; color:#900;}

.service{ border:#cecece 1px solid; width:213px; float:left; background: url(../images/des_hbg.jpg) bottom left repeat-x;}
.service ul{ background:url(../images/title_bg.jpg) repeat-x; width:213px; height:31px;}
.service ul h3{ background:url(../images/lefticon.jpg) center left no-repeat; float:left; line-height:31px; text-indent:1.2em; margin-left:5px;font-size:14px; font-weight:bold; color:#b40001;}
.sub_side_nav ul li{ background:url(../images/title_b.jpg) center left no-repeat; float:left; line-height:31px; text-indent:2em; margin-left:5px;font-size:14px; font-weight:bold; color:#b40001;}
.service div{width:213px; padding:8px; float:left;}
.service div p{ width:195px; line-height:25px; float:left;}
.service div p strong{ color:#f00;}
/*right*/
/*description*/
.des{ /*width:530px;*/width:375px; border:#d1d1d1 1px solid; background:url(../images/des_hbg.jpg) bottom repeat-x; float:left;}
.des ul,.contact ul,.product ul,.rongyu ul,.news ul,.sub_side_nav ul{ background:url(../images/title_bg.jpg) repeat-x; height:43px; width:530px;}
.des ul span{float:right; margin-right:5px; margin-top:10px;}
.des ul h3{ background:url(../images/lefticon.jpg) center left no-repeat; float:left; line-height:31px; text-indent:1.2em; margin-left:5px;font-size:14px; font-weight:bold; color:#b40001;}
.des li{ /*width:510px;*/ width:355px; height:155px; overflow:hidden; padding:8px; float:left; padding-top:3px;}
.des li h4{ width:170px; height:220px; float:left;}
.des li p{ line-height:24px; float:left; text-indent:2em; color:#000;}
.des li p a{ color:#f00;}

#top_search{background:#50b20e;height:30px;line-height:30px;}
.top_search{margin:0 0 0 36px;padding:0;width:100%;height:30px;line-height:30px;color:#fff;}
.top_search dt{float:left;margin-right:1px;}
.top_search span{color:#ff0;padding-left:12px;}
.top_search a{color:#fff;}
.top_search a:hover{color:#ff0;}
.search_input{border:1px;color:#b2b2b2;height:18px;line-height:18px;font-size:12px;text-indent:4px;margin-top:5px;*margin-top:1px;_margin-top:4px; width:300px;}
.search_bnt{width:44px;height:21px;line-height:21px;color:#000;text-align:center;border:1px;margin-top:5px;*margin-top:1px;_margin-top:4px; border:0; background:url(..../images/search.gif)} 
#notice{background:url(..../imagess/sdcms.gif) 0 -283px;height:41px;line-height:35px; }
#notice div{float:left;}
#notice .notice{width:320px;}
#movenews{overflow:hidden;height:34px;line-height:34px;margin-top:1px;}
#notice .icon{background:url(..../imagess/sdcms.gif) 0 -240px;width:14px;height:14px;margin:10px 10px 6px 10px;display:block;float:left;}
#notice .icon01{background:url(..../imagess/sdcms.gif) 0 -60px;width:67px;height:23px;margin:6px 10px 6px 20px;line-height:23px;float:left;text-align:center;color:#555;}
#notice b{color:#50b20e;}

/*contact*/
.contact{border:#cecece 1px solid; width:218px; float:left; background: url(../images/des_hbg.jpg) bottom left repeat-x;}
#contact_w{ width:217px;}
.contact h3{ width:213px;}
.contact ul li{ background:url(../images/lefticon.jpg) center left no-repeat; float:left; line-height:31px; text-indent:1.2em; margin-left:5px;font-size:14px; font-weight:bold; color:#b40001;}
.contact h3 img{ margin-left:7px;}
.contact div{ width:198px; padding:5px;padding-top:3px; float:left;}
.contact div li{ color:#303d54; border-bottom:#999 1px dashed; width:200px;font-size:12px;  line-height:28px; float:left; height:28px;}
/*product*/
.product{border:#cecece 1px solid; width:755px; float:left; /*height:516px;*/ height:auto;}
#product_w758{ width:755px;}
.product ul h3{ background:url(../images/lefticon.jpg) center left no-repeat; float:left; line-height:31px; text-indent:1.2em; margin-left:5px;font-size:14px; font-weight:bold; color:#b40001;}
.product ul span,.news ul span{ float:right; margin-right:5px; margin-top:10px;}
.product ul li{ line-height:28px;width:600px; float:left; height:28px; text-indent:2em; color:#696969;}
.product div{ width:758px; padding-top:0px; padding-bottom:10px; float:left;}
.product div li{ width:171px; height:141px; border:#cacaca 1px solid; background: url(../images/pic_des.jpg) repeat-x bottom left; margin-left:9px; padding:2px; float:left; margin-bottom:10px; _display:inline;}
.product div li img{ width:171px; height:121px; float:left;}
.product div li h3{ width:171px; height:20px; text-align:center; line-height:20px; float:left; }
.product div li h4{width:171px; height:20px; text-align:center; line-height:20px; float:left;}
.product div li h3 a,.product div li h4 a{ color:#666;}
.product div li h3 a:hover,.product div li h4 a:hover{ text-decoration:underline; color:#00f;}
/*rongyu*/
.rongyu{border:#cecece 1px solid; width:977px; float:left;  margin-top:10px; margin-bottom:10px;}
#rongyu_w758{ width:977px;}
.rongyu ul h3{ background:url(../images/lefticon.jpg) center left no-repeat; float:left; line-height:31px; text-indent:1.2em; margin-left:5px;font-size:14px; font-weight:bold; color:#b40001;}
.rongyu ul span,.news ul span{ float:right; margin-right:5px; margin-top:10px;}
/*ad*/
.ad{border:#cecece 1px solid; width:755px; float:left;}
/*news*/
.news{border:#cecece 1px solid; width:373px; float:left;}
#news_w368{ width:375px;}
.news ul h3{ background:url(../images/lefticon.jpg) center left no-repeat; float:left; line-height:31px; text-indent:1.2em; margin-left:5px;font-size:14px; font-weight:bold; color:#b40001;}
.news div{ padding:10px; width:348px; float:left; padding-top:0px;}
.news div li{width:348px; float:left;border-bottom:#ccc 1px dotted;}
.news div li a{ background:url(../images/news_b.jpg) center left no-repeat; line-height:25px; text-indent:1em; float:left; _display:inline; color:#606060;}
.news div li a:hover{ color:#00f;}
.news div li span{ float:right; line-height:25px;}
/*links*/
.links{ width:982px; border:#b6b6b6 1px solid; margin:0 auto; margin-top:10px;}
.links_t{ width:982px;background: url(../images/title_bg.jpg) repeat-x; height:26px;}
.links_t span{ float: right; line-height:26px; color:#666666; margin-right:5px;}
.links_t li{font-size:14px; font-weight:bold; text-indent:1em; line-height:26px; width:90px; color: #990000;}
.link_key{ width:956px; margin:0 auto;}
.link_key li{ word-spacing:2em; height:30px; line-height:30px; float:left;}
.link_key li a{ display:block; line-height:30px; color:#000;word-spacing:20px; padding-left:4px; padding-right:4px;}
.link_key li a:hover{ color:#f00; text-decoration:underline;}
/*bot_nav*/
.bot_nav{ width:100%; height:30px;float:left;color:#fff; background: url(../images/foot_nav.jpg) repeat-x;}
.bot_nav ul{ width:650px; height:30px; margin: 0 auto;color:#fff;}
.bot_nav ul li{float:left; width:80px; text-align:center;  line-height:30px; color:#fff;}
.bot_nav ul li a{ color:#fff; }
.bot_nav ul li a:hover{ color:#fff; text-decoration:underline;}

.sub_side_nav{border:#cecece 1px solid; width:213px; float:left;}
.sub_side_nav div{ padding-bottom:5px;width:208px; float:left;}
.sub_side_nav div a{ background:url(../images/sub_nav.jpg) no-repeat; width:208px; height:28px; line-height:28px; text-indent:3em;font-size:14px; font-weight:bold; float:left;}
.sub_side_nav h3 { padding:1px;}
.sub_side_nav h3 img{ width:205px; float:left;border:#cecece 1px solid; margin:1px;}
/*sub right*/
.sub_right{ border:#cecece 1px solid; width:752px; float:left; margin-left:8px; background:url(../images/des_hbg.jpg) repeat-x bottom; padding-bottom:15px; }
.sub_posit{ background: url(../images/title_bg.jpg) repeat-x; width:755px; height:31px;}
.sub_posit li{ background: url(../images/dian.jpg) center left no-repeat; line-height:31px; float:left; font-size:14px; font-weight: bold; margin-left:5px; text-indent:1.5em; float:left;}
.sub_posit span{ float:right; line-height:31px; margin-right:5px; color:#666666;}
.sub_posit span a{ color:#666666;}
.sub_posit span a:hover{ color:#00f}
/*about detail*/
.about_detail{ line-height:30px;padding:10px 20px 5px 20px; width:715px; text-align:justify;}
.about_detail p{ line-height:26px;}
/* .about_detail img{ width:670px; height:200px; margin-right:20px;}
.about_detail span{ font-size:14px; font-weight:bold; color: #f00; float:left;} */
.sub_news_frame{ width:720px; float:left; margin-top:10px;}
#sub_contact_w{ width:213px;}
.sub_news_frame{ width:720px; float:left;}
.sub_new_title{text-indent:1em;border-bottom:#6c86bd 1px dotted; line-height:30px; margin-left:10px; float:left; width:710px; color:#0061bc; font-size:14px;}
.sub_new_title span{ float:right; margin-top:10px; margin-right:20px;}
.sub_news_frame2 li{ background: url(../images/news_b.jpg) no-repeat center left;  text-indent:1em; width:700px; float:left;  line-height:31px; height:31px; margin-left:20px; _display:inline; border-bottom:#ccc 1px dashed;}
.sub_news_details2 li a{color:#666666; float:left;}
.sub_news_details2 a:hover{color:#0b6bd8;}
.sub_news_frame2 li span{ float:right; }
.sub_news_frame li {
	clear: both;
	height:30px;
	padding: 0 0 0 10px;
	line-height: 30px;
	background: url(../images/news_b.jpg) no-repeat center left; padding-left:15px;  margin-left:20px;border-bottom:#ccc 1px dashed;
}
.sub_news_frame  li a {
	font-size: 12px;
	float: left;color: #333333; padding-top:5px;
}
.sub_news_frame  li span {
	font-size: 12px;
	float: right;padding-top:5px; color:#666666 
}
/*nwes1*/
.next{ height:35px; width:745px; text-align:center; float:left;line-height:25px; margin-top:10px;}
.new1_frame{ width:735px; margin:15px;float:left; _display:inline;}
.new1_title{ width:100%; text-align:center; font-size:18px; float:left; height:30px; font-weight:bold;}
.new1_time{ width:100%; text-align:center; color:#ccc; float:left;}
.new1_read{ float:left;width:600px;font-size:14px;line-height:25px; padding:5px; margin-left:50px; border:#c4d7de 1px solid; _display:inline;}
.new1_detail{ width:725px; float:left;line-height:25px;text-indent:2em; text-align:justify; font-size:14px;}
/* page*/
.page{}
.page li{ display:inline; margin:0px 5px;}
.page li.thisclass a{ text-decoration:none; cursor:default; color:#C00;}
.info_next{ margin-bottom:5px;}
/* sub product*/
.sub_pro_border{ background:url(../images/pic_des.jpg) repeat-x bottom;width:229px; height:150px; float:left; _display:inline; margin-top:10px; margin-left:10px; border:#ccc 1px solid;}
.sub_pro_photo{ width:229px; height:127px; float:left; background-color:#fff;}
.sub_pro_photo img{ width:229px; height:125px;  float:left;}
.sub_pro_photo_name{ width:229px; height:25px; line-height:25px; text-align:center; float:left; }
.sub_pro_photo_name b{ color:#00f; font-weight:normal;}
.more_right{ float:right;}
.subcontact{ width:750px; padding:5px; float:left; _display:inline;}
.pic_des{ float:left; width:735px;}
.sub_pic_word{ text-indent:2em;font-size:14px; float:left; line-height:30px; padding:5px;}
.sub_pic_word span{ float:left; font-weight:bold; color:#f00;}
.intro{ height:85px; border:#cccccc  dashed 1px;width:725px; margin:0 auto; margin-top:20px; padding:5px;}
.cpzs{ width:725px; margin:0 auto; }

.testdiv{ border-style: solid ; border-width: 50px ; border-color: pink ;position: absolute ;top:200px ;left:300px ;height:200px ;width:300px ;
overflow-x: scroll ;overflow-y: hidden ;     
 
     scrollbar-face-color: green;       
     scrollbar-hightlight-color: red;   
     scrollbar-3dlight-color: orange;   
     scrollbar-darkshadow-color:blue;   
     scrollbar-shadow-color:yellow;     
     scrollbar-arrow-color:purple;      
     scrollbar-track-color:black;        
     scrollbar-base-color:pink;         
       }
.info_title{margin:6px 0;font:16px microsoft yahei;text-align:center; font-weight:bold}
.info_other{text-align:center;color:#999;margin:4px 0; border-bottom:#cccccc 1px  dashed; margin-bottom:10px; padding-bottom:10px;}
.info_jj{border:1px solid #fdcc97;background:#fefcfa;padding:10px;margin:10px 0;color:#666;line-height:20px;word-wrap:break-word;overflow:hidden;}
.info_jj a{font-family:verdana;color:#00f;}
.info_jj a:hover{color:#f30;}
.info_jj span{font-weight:bold;color:#000;}
.info_content{word-wrap:break-word;overflow:hidden;width:720px; margin-bottom:10px;}
.info_content p{line-height:24px;}
.info_content img{max-width:600px;}
.other_content{word-wrap:break-word;overflow:hidden;width:698px;line-height:24px;}
.other_content img{max-width:600px;}

.container, .container *{margin:0; padding:0;}
.container{width:977px; height:258px; overflow:hidden;position:relative;}
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:977px; height:258px; display:block;}
.slider2{width:2000px;}
.slider2 li{float:left;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{
	float: left;
	color: #ff7300;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #ff0000;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #ff0000;
	font-weight: bold;
}

#footer {
	padding-right: 45px; padding-left: 25px; background: #ffffff;  padding-bottom: 0px; overflow: hidden; color: #fff; padding-top: 0px; border-top:#ad0707 3px solid ; 
}
#footer div.nav2 { padding-top:10px; width:230px; 
}
#footer div.text {
	overflow: hidden; text-align: center;color: #333333; /* width:680px; */
}
#footer div.text a {
	color: #333333; margin:0px 5px; text-align:center;
}
#footer div.text ul {
	margin-top: 16px; overflow: hidden; list-style-type: none; 
}
#footer div.text ul li {
	
}
.bot_des{ line-height:23px;}
.tableborder{ border: 1px solid  #dddddd; background:#f5f5f5; margin-top:10px; margin-left:16px;} 


*{font-size: 12px;line-height:1.5em;} 
#content { 
    height: auto; 
    width: 715px; 
} 
#content table,#content div{ 
    margin-top: 25px; 
} 
#content h3 { 
    font-size: 14px; 
    line-height: 25px; 
    margin-bottom: 25px; 
    text-align: center; 
    font-weight: normal; 
    padding: 0px; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-left: 0px; 
} 
#content .t1 { 
    font-weight: bold; 
    background-color: #b8c6d4; 
} 
#content .t2 { 
    font-weight: bold; 
    background-color: #cdd7e1; 
} 
#content .t3 { 
    background-color: #cdd7e1; 
} 
#content .t4 { 
    background-color: #fff; 
} 
#content .t5 { 
    background-color: #fff; 
    text-align: left; 
} 
#content h2 { 
    font-size: 14px; 
    padding: 0px; 
    text-align: center; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 10px; 
    margin-left: 0px; 
} 
#content #dis { 
    margin-top: 25px; 
    padding: 15px; 
    border: 1px solid #cdd7e1; 
    color:#666; 
    background-color: #f9f9f9; 
} 

.style3 {color: #01496a;
	word-spacing: 16px;
	font-size: 16px;
	font-weight: bold;
}
.style7 {color: #c02d49;
	word-spacing: 20px;
	font-size: 16px;
	font-weight: bold;
}
.style18 {color: #000000}
.style21 {color: #c02d49;
	word-spacing: 20px;
	font-size: 14px;
	font-weight: normal;
}
.style12 {color: #767370}
.style22 {
	font-size: medium;
	font-weight: bold;
}
.style115 {
	color: #ff00ff;
}
.style119 {font-size: 16px; font-family: "黑体";}
.style120 {
	color: #ff0000;
	font-weight: bold;
}
.cpnr{ margin-top:10px;}